<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/cart.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.min.css"/>
		<script type="text/javascript" src="js/vue.js" ></script>
	</head>
	<body>
		<div  id="app">
<div class="site-header site-mini-header">
    <div class="container">
        <div class="header-logo">
            <a class="logo ir" href="index.html" title="小米官网" style="background-image:url(image/logo_top.png);">小米官网</a>
        </div>
        <div class="header-title" id="J_miniHeaderTitle"><h2>我的购物车</h2></div>
        <div class="topbar-info" id="J_userInfo" style=" width: 200px;">
        		<a style="float: left;" rel="nofollow" class="user-name" v-on:click="jump()" target="_blank">
        			<span class="name" style="cursor:pointer">{{omg}}</span></a>
        			<a href="index.html" style="float: left;cursor:pointer">首页</a>
        </div>
    </div>
    </div>
<div class="page-main">

    <div class="container">
        <div class="cart-loading loading hide" id="J_cartLoading">
            <div class="loader"></div>
        </div>
        <div class="cart-empty" id="J_cartEmpty">
            <h2>您的购物车还是空的！</h2>
            <p class="login-desc">登录后将显示您之前加入的商品</p>
            <a href="index.html" class="btn btn-primary btn-shoping J_goShoping">马上去购物</a>
        </div>
        <div id="J_cartBox" class="hide">
            <div class="cart-goods-list">
                <div class="list-head clearfix">
                    <div class="col col-check"><i class="iconfont icon-checkbox" id="J_selectAll">√</i>全选</div>
                    <div class="col col-img">&nbsp;</div>
                    <div class="col col-name">商品名称</div>
                    <div class="col col-price">单价</div>
                    <div class="col col-num">数量</div>
                    <div class="col col-total">小计</div>
                    <div class="col col-action">操作</div>
                </div>
                <div class="list-body" id="J_cartListBody">
                </div>
            </div>
            <!-- 加价购 -->
            <div class="raise-buy-box" id="J_raiseBuyBox">
            </div>

            <div class="cart-bar clearfix" id="J_cartBar">
                <div class="section-left">
                    <a href="//list.mi.com/0" class="back-shopping J_goShoping" data-stat-id="25f5e1d59b7c8d1b" onclick="_msq.push(['trackEvent', '5df97b551662ffe7-25f5e1d59b7c8d1b', '//list.mi.com/0', 'pcpid', '']);">继续购物</a>
                    <span class="cart-total hide">共 <i id="J_cartTotalNum"></i> 件商品，已选择 <i id="J_selTotalNum"></i> 件</span>
                    <span class="cart-coudan hide" id="J_coudanTip">
                        ，还需 <i id="J_postFreeBalance"></i> 元即可免邮费  <a href="javascript:void(0);" id="J_showCoudan" data-stat-id="3a64065c1302acc4" onclick="_msq.push(['trackEvent', '5df97b551662ffe7-3a64065c1302acc4', 'javascript:void0', 'pcpid', '']);">立即凑单</a>
                    </span>
                </div>
                <span class="activity-money hide">
                    活动优惠：减 <i id="J_cartActivityMoney">0</i> 元
                </span>
                <span class="total-price">
                    合计：<em id="J_cartTotalPrice">00.00</em>元
                </span>
                <a href="javascript:void(0);" class="btn btn-a btn btn-primary" id="J_goCheckout" data-stat-id="3d9bc11710902b6e" onclick="_msq.push(['trackEvent', '5df97b551662ffe7-3d9bc11710902b6e', 'javascript:void0', 'pcpid', '']);">去结算</a>

                <div class="no-select-tip hide" id="J_noSelectTip">
                    请勾选需要结算的商品
                    <i class="arrow arrow-a"></i>
                    <i class="arrow arrow-b"></i>
                </div>
            </div>
        </div>
</div>


<!-- .xm-dm-queue END -->
<div id="J_bigtapError" class="modal modal-hide modal-bigtap-error">
    <span class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont"></i></span>
    <div class="modal-body">
        <h3>抱歉，网络拥堵无法连接服务器</h3>
        <p class="error-tip">由于访问人数太多导致服务器压力山大，请您稍后再重试。</p>
        <p>
            <a class="btn btn-primary" id="J_bigtapRetry" data-stat-id="6eef25b9fd90b454" onclick="_msq.push(['trackEvent', '5df97b551662ffe7-6eef25b9fd90b454', '', 'pcpid', '']);">重试</a>
        </p>
    </div>
</div>
</div>
</div>
<footer class="container" style=" line-height:84px; text-align: center; margin-top: 20px;margin: 0 auto;">		
			<div style="margin-top: 20px;margin-bottom: -50px;">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
			<div style="margin-bottom: -50px;">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div> 
			<div style="margin-bottom: -50px;">违法和不良信息举报电话：151-3503-4757，本网站所列数据，除特殊说明，所有数据均出自昭平科技实验室测试</div>
	</footer>
</body>
<script>
	new Vue({
		el:"#app",
		data:{
			uuu:window.sessionStorage.getItem('loginUsername'),
			omg:'',
			lmuid:window.sessionStorage.getItem("loginUserid"),
		},
		mounted:function(){
				this.dengl()
			},
		methods:{
			dengl:function(){
//						var uuu=window.sessionStorage.getItem('loginUsername');
						if(this.uuu==null){
							this.omg="登录";														
						}else{
								this.omg=this.uuu;
						}													
					},
					jump:function(){
					if(this.uuu==null){
						window.location.href="login.html";
					}else{						
						window.location.href="self_info.html";
					}
				},
		}
	})
</script>
</html>
